<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>史册首页</title>
    {% load static %}
    <link rel="stylesheet" href="{% static 'css/index.css' %}"/>
    <link rel="stylesheet" href="{% static 'font/iconfont.css' %}"/>
</head>
<body>
  <nav id="topnav">
      <div class="container">
          <ul class="nav-list">
              <li><a href="/polls/index/" class="nav-link">首页</a></li>
              <li><a href="/polls/dynasty/" class="nav-link">王朝</a></li>
              <li><a href="/polls/character/" class="nav-link">人物</a></li>
              <li class="user-menu">
                  <a href="/polls/torename/" class="nav-link">
                      <span>{{ data.std_name }}</span>
                  </a>


                  <a href="/polls/" onclick="goBack()" class="logout-btn">
                      <span class="iconfont icon-tuichu"></span>
                      退出
                  </a>
              </li>
          </ul>
      </div>
  </nav>

  <main class="container">
      <form action="{% url 'find' %}" method="post" class="search-box">
{#          映射url,find网页#}
          {% csrf_token %}
          <label>
              <input type="text" name="name" placeholder="请输入查询名称" class="search-input">
          </label>
          <button type="submit" class="search-button">
              <span class="iconfont icon-sousuo1" style="font-size: 24px;color:white;"></span>
          </button>
      </form>

      <div class="carousel">
          <img src="{% static 'img/dynasty.jpg' %}" alt="王朝" class="carousel-img">
      </div>

      <div class="category-links">
          <a href="/polls/dynasty/" class="category-link">
              <span class="iconfont icon-dynasty"></span>王朝档案
          </a>
          <a href="/polls/character/" class="category-link">
              <span class="iconfont icon-character"></span>历史人物
          </a>
      </div>
  </main>
</body>
</html>